<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <!-- shift + alt + 向下的箭头 可以直接复制-->
  <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.6.0/css/all.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="guanwang/css/reset.css" />
  <!-- <link rel="stylesheet" href="guanwang/css/style.css" /> -->
  <link rel="stylesheet" href="guanwang/css/stylesa.css" />
  <link rel="stylesheet" media="screen and (max-width: 768px)" href="guanwang/css/mobile.css" />
  <link rel="stylesheet" media="screen and (min-width: 1200px)" href="guanwang/css/widescreen.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
  <title>长沙智瞳医疗科技有限公司</title>
  <meta name="description" content="医宝视是由长沙智瞳医疗科技有限公司打造的弱视训练软件，提供弱视、远视、斜视训练及视功能训练等服务。">
  <meta name="keywords" content="医宝视软件,医宝视，弱视训练软件,多宝视,长沙智瞳医疗科技有限公司,智瞳医疗,弱视训练,视功能,弱视,远视训练,斜视训练,弱视网络训练">
</head>

<body>
  <nav class="navbar">
    <h1 class="logo">
      <span class="text-primary"> <i class="fas fa-book-reader"></i></span>
      长沙智瞳医疗
    </h1>

    <ul>
      <li><a href="#home">首页</a></li>
      <li><a href="#what">关于我们</a></li>
      <li><a href="#zz">行业资质</a></li>
      <li><a href="#down">下载</a></li>
      <!-- <li><a href="#who">who</a></li> -->
    </ul>
    <a href="#" style="color: aliceblue;">后台登录</a>
  </nav>
  <!-- header:home -->
  <header id="home">
    <div class="home-content">
      <h1 class="l-heading">欢迎来到长沙智瞳医疗科技有限公司</h1>
      <a href="https://www.zhtyiliao.cn/xl" class="go-train-btn" style="margin: 38px;" id="goTrainBtn">进入训练</a>
    </div>
  </header>
  <!-- what:what we do -->
  <!-- <div class="who-title">关于我们</div> -->
  <section id="who" class="card">
    <div class="text-content">
      <div class="title">关于我们</div>
      长沙智瞳医疗科技有限公司成立于2024年03月，是一家专注于视觉训练治疗的高科技医疗器械公司。公司秉承“科技改变视界”的理念，不断研发，积极探索视觉训练治疗的新技术、新方法。
      智瞳医疗研发团队致力于提供先进的视觉训练治疗方案，期望为患者提供丰富多样的训练内容，使患者再轻松愉悦的氛围中完成视觉训练。"智慧科学高效，关注儿瞳健康"，智瞳以智慧手段，
      保护和提升视觉健康为愿景，赋能中国眼视光行业，许大众以明亮，许医疗以温度！
    </div>
    <div style="width: 50%;z-index: 1;text-align: center;">
      <img src="guanwang/img/about.png" alt="" style="width: 100%; max-width: 380px;height: 100%; ">
    </div>
  </section>
  <section id="zz">
    <div class="down-title">行业资质<span style="font-size: 1vw;"> &nbsp;&nbsp;&nbsp;国家二类医疗器械认证</span></div>
    <!-- <div class="dis">医宝视属于国家二类医疗器械，一款专业视觉训练软件</div> -->
    <div class="image-container">
      <div class="zzcard">
        <img class="animate-on-scroll" src="guanwang/img/yyz.png" alt="营业执照">
        <span></span>
      </div>
      <div class="zzcard">
        <img class="animate-on-scroll" src="guanwang/img/zhucez.png" alt="二类注册证">
      </div>
      <div class="zzcard">
        <img class="animate-on-scroll" src="guanwang/img/rz.png" alt="版权信息">
      </div>
    </div>
  </section>

  <section id="down">
    <div class="down-title">软件下载</div>
    <!-- <div class="dis">医宝视属于国家二类医疗器械，一款专业视觉训练软件</div> -->
    <div class="down-parent">
      <div class="left">
        <div class="down-cards">
          <div class="down-carditm one">
            <a class="card2">
              <svg t="1735052952022" class="app-icon" viewBox="0 0 1026 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="14617" width="256" height="256">
                <path d="M2.438 0h975.238v975.238H2.438z" fill="#2FC2B0" fill-opacity="0" p-id="14618"></path>
                <path
                  d="M266.386 774.095c0 20.675 18.725 37.547 41.594 37.547h41.643V943.25c0 31.208 27.843 56.369 62.415 56.369 34.524 0 62.415-25.21 62.415-56.369V811.69h83.188v131.56c0 31.208 27.892 56.369 62.415 56.369 34.524 0 62.416-25.21 62.416-56.369V811.69h41.594c22.918 0 41.593-16.92 41.593-37.546V398.19H266.386v375.856zM162.377 398.238c-34.523 0-62.415 25.21-62.415 56.37v263.118c0 31.208 27.892 56.37 62.415 56.37 34.524 0 62.415-25.162 62.415-56.37V454.607c0-31.207-27.891-56.369-62.415-56.369z m707.292 0c-34.524 0-62.416 25.21-62.416 56.37v263.118c0 31.208 27.892 56.37 62.416 56.37 34.523 0 62.415-25.162 62.415-56.37V454.607c0-31.207-27.892-56.369-62.415-56.369z m-206.75-219.477l54.271-49.054a17.457 17.457 0 0 0 0-26.478 22.333 22.333 0 0 0-29.306 0l-61.586 55.393a269.897 269.897 0 0 0-110.25-23.454c-39.986 0-77.386 8.63-110.885 23.65l-61.782-55.784a22.333 22.333 0 0 0-29.354 0 17.457 17.457 0 0 0 0 26.478l54.515 49.25c-61.78 41.154-102.156 107.275-102.156 181.881h499.322c0-74.752-40.618-140.922-102.79-181.882zM432.81 285.501h-41.594v-37.547h41.594v37.547z m208.018 0h-41.594v-37.547h41.594v37.547z"
                  fill="#2FC2B0" p-id="14619"></path>
              </svg>
              <div class="header">安卓版</div>
              <button class="App-button android-down">点击下载</button>
            </a>
          </div>
          <div class="down-carditm two">
            <a class="card2">
              <svg t="1735053003369" class="app-icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="15680" width="256" height="256">
                <path
                  d="M456 484V160.1l-335.9 72V484H456zM512 484h391.8V64.2l-391.8 84V484zM456 540H120.2v251.9l335.9 72V540zM512 540v335.9l391.8 84V540H512z"
                  fill="#00adef" p-id="15681"></path>
              </svg>
              <div class="header">电脑版
              </div>
              <button class="App-button win-down">点击下载</button>
            </a>
          </div>
          <!-- <div class="down-carditm three">
            <a class="card2" href="https://www.zhtyiliao.cn/xl">
              <svg t="1735052685477" class="app-icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="11111"
                data-spm-anchor-id="a313x.search_index.0.i13.37a33a81Pekn41" width="256" height="256">
                <path
                  d="M1022.721598 511.360799a511.360799 511.360799 0 1 0-511.360799 511.360799 504.968789 504.968789 0 0 0 349.003745-138.067416 32.599251 32.599251 0 0 0 15.980025-10.227216 52.414482 52.414482 0 0 0 7.670412-12.78402A511.360799 511.360799 0 0 0 1022.721598 511.360799z m-550.991261 441.68789v-3.196005a580.394507 580.394507 0 0 1-132.953808-166.831461 473.64794 473.64794 0 0 1 141.902622-33.238451v203.265917z m-402.696629-409.088639h131.675406a660.933833 660.933833 0 0 0 45.383271 207.101124 535.650437 535.650437 0 0 0-70.951311 48.579275 439.770287 439.770287 0 0 1-106.107366-255.680399z m109.942572-325.992509a662.212235 662.212235 0 0 0 69.033708 47.940074 639.200999 639.200999 0 0 0-47.300874 210.297129h-127.8402A447.440699 447.440699 0 0 1 178.97628 217.967541z m371.37578-148.294632a7.670412 7.670412 0 0 0 3.196005 0 595.09613 595.09613 0 0 1 127.8402 161.078652 447.440699 447.440699 0 0 1-138.067416 31.960049V69.672909z m402.696629 406.531835h-132.314607a639.200999 639.200999 0 0 0-47.300874-210.297129 518.39201 518.39201 0 0 0 69.672909-47.940074 439.770287 439.770287 0 0 1 109.942572 258.237203z m-475.565543 0H269.10362a586.147316 586.147316 0 0 1 40.908864-180.893883 520.309613 520.309613 0 0 0 167.470662 38.991261z m0 67.755306v136.789014a532.454432 532.454432 0 0 0-170.027466 39.630462 592.539326 592.539326 0 0 1-38.35206-176.419476z m67.755306 0h207.101124a563.13608 563.13608 0 0 1-38.35206 177.058677 547.156055 547.156055 0 0 0-168.749064-40.269663z m0-67.755306V334.302122a515.835206 515.835206 0 0 0 166.831461-38.35206 581.033708 581.033708 0 0 1 40.269663 180.254682z m199.430712-272.299625a642.397004 642.397004 0 0 0-70.951311-104.828964 416.11985 416.11985 0 0 1 120.169787 71.590512 442.327091 442.327091 0 0 1-49.218476 33.238452zM477.483146 69.033708v196.873907a466.616729 466.616729 0 0 1-138.706617-31.960049 582.31211 582.31211 0 0 1 127.8402-160.439451l3.835206-4.474407a7.031211 7.031211 0 0 0 5.113608 0zM277.413233 203.905119c-16.619226-10.227216-33.238452-21.732834-49.218476-33.877653a451.275905 451.275905 0 0 1 119.530586-70.951311 639.200999 639.200999 0 0 0-70.31211 104.828964z m0 609.158551a666.047441 666.047441 0 0 0 72.229713 109.942572 453.193508 453.193508 0 0 1-124.004993-74.147316 520.309613 520.309613 0 0 1 51.136079-35.156055z m270.382023 140.62422v-203.265917a469.173533 469.173533 0 0 1 141.263421 33.238451 580.394507 580.394507 0 0 1-132.953808 166.831461l-3.196005 3.196005z m201.987516-139.985019a473.008739 473.008739 0 0 1 50.496878 35.156055 431.460674 431.460674 0 0 1-123.365792 74.147316 625.777778 625.777778 0 0 0 70.31211-109.303371z m29.403245-63.920099a664.769039 664.769039 0 0 0 45.383271-207.740325h131.675406a447.440699 447.440699 0 0 1-106.746567 255.680399 538.207241 538.207241 0 0 0-70.31211-49.857677z"
                  fill="#ffffff" p-id="11112"></path>
              </svg>
              <div class="header">苹果版
              </div>
              <button class="App-button">点击下载</button>
            </a>
          </div> -->
        </div>

      </div>
      <div class="right">
        <img src="./guanwang/img/down.png" alt="Download" />
      </div>
    </div>
  </section>

  <!-- <div style="height: 30px;"></div> -->
  <!-- who:who we are -->
  <!-- <section id="who">
        <div class="who-img">

        </div>
        <div class="who-text bg-dark">
            <h2 class="m-heading"> <span class="text-primary">who</span> we are</h2>
            <p> 医宝视弱视训练软件是一款专业的视觉训练软件。利用互联网技术，通过计算机图像提供视觉刺激及互动的训练方式。解决了物理训练枯燥乏味、依从性低以及训练不方便的缺点，逐渐成为主流的视觉训练手段。
                帮助你提高视力水平，改善视功能等。</p>
            <h3>我们的优势</h3>
            <ul>
                <li>专业团队：我们拥有一支由专业视光视、科研人员、工程师组成的专业团队，专业的医学视力专家团队，为你提供最专业的服务。</li>
                <li>个性化治疗：根据患者的病症、年龄、屈光、视功能等个性特征，定制每位患者的个性化治疗方案，并定期更新。</li>
                <li>游戏化训练：结合儿童心理学理论，视觉训练中融入有趣卡通的元素及益智内容，大大提高低龄患者的依从性。</li>
                <li>专业服务：小儿视光专家团队全程指导，对于疑难杂症，可进行1对1辅导服务，增加患者康复的成功率。</li>
            </ul>
        </div>
    </section>
    <div style="height: 30px;"></div> -->

  <!-- section:contact us-->
  <!-- <section id="contact" class="bg-light">
            <div class="contact-form bg-primary py-1">
              <div style="text-align: center;">
                <h2 class="m-heading"> 如何联系我们</h2>
                <p>请留下您的联系方式，我们将尽快与您联系！</p>
              </div>
                
                <form>
                    <div class="form-group">
                        <label for="name">姓名</label>
                        <input type="text" id="name" name="name" required placeholder="请输入您的姓名">
                    </div>
                    <div class="form-group">
                        <label for="email">邮箱</label>
                        <input type="email" id="email" name="email" required placeholder="请输入您的邮箱">
                    </div>
                    <div class="form-group">
                        <label for="phone">手机号</label>
                        <input type="tel" id="phone" name="phone" required placeholder="请输入您的手机号">
                    </div>
                    <div class="form-group">
                        <label for="message">留言</label>
                        <textarea id="message" name="message" required placeholder="请输入您的留言"></textarea>
                    </div>
                </form>
                   <input type="submit" value="提 交" class="btn-dark btnsub">
            </div> 
            <div class="contact-img"></div>
        </section> -->

  <!-- section:clients -->
  <section id="clients" class="py-1">

    <div style="height: 30px;"></div>
  </section>

  <!-- footer -->
  <footer id="main-footer">
    <!-- <div class="container">
                <p>Copyright &copy; 2022 米修在线. All rights reserved.</p>
            </div> -->
    <p style="padding: 30px;">备案号：<a href="https://beian.miit.gov.cn/" style="color: #ffffff;">湘ICP备2024078545号-1</a>
    </p>
  </footer>

  <script>
    // 获取进入训练按钮元素
    const goTrainBtn = document.getElementById('goTrainBtn');
    if (goTrainBtn) {
      goTrainBtn.addEventListener('click', function (e) {
        e.preventDefault();// 阻止默认跳转行为
        const urlParams = new URLSearchParams(window.location.search);
        const isinapp = urlParams.get('isinapp');
        if (isinapp === 'yes') {
          alert('当前您已经在训练内了，请点击左侧的菜单选择训练项目，无需再次进入');
        } else {
          window.location.href = this.href;
        }
      });
    }
    // 判断是否是微信环境的函数
    function isWeixin() {
      return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
    }

    // 获取安卓版下载按钮元素并添加点击事件监听器
    const androidDownloadButton = document.querySelector('.android-down');
    if (androidDownloadButton) {
      androidDownloadButton.addEventListener('click', function (e) {
        e.preventDefault(); // 阻止按钮默认行为
        const href = '../down/医宝视.apk'; // 安卓版下载地址
        if (isWeixin()) {
          const userChoice = confirm('微信内无法直接下载安卓版，是否允许从浏览器打开此网址进行下载？');
          if (userChoice) {
            window.location.href = href;
          }
        } else {
          // 创建一个临时的 <a> 元素来模拟点击下载链接（因为不用a标签实现下载功能）
          const a = document.createElement('a');
          a.href = href;
          a.download = '医宝视.apk'; // 设置下载文件名（可根据实际情况修改）
          a.style.display = 'none';
          document.body.appendChild(a);
          a.click();
          document.body.removeChild(a);
        }
      });
    }

    // 获取电脑版下载按钮元素并添加点击事件监听器
    function isWindows() {
      return navigator.userAgent.toLowerCase().indexOf('windows') !== -1;
    }
    function donw_exe() {
      // 创建一个临时的 <a> 元素来模拟点击下载链接（因为不用a标签实现下载功能）
      const a = document.createElement('a');
      a.href = href;
      a.download = '医宝视.exe'; // 设置下载文件名（可根据实际情况修改）
      a.style.display = 'none';
      document.body.appendChild(a);
      a.click();
      document.body.removeChild(a);
    }
    const winDownloadButton = document.querySelector('.win-down');
    if (winDownloadButton) {
      winDownloadButton.addEventListener('click', function (e) {
        e.preventDefault(); // 阻止按钮默认行为
        const href = '../down/医宝视.exe'; // 电脑版下载地址
        if (isWindows()) {
          donw_exe();
        } else {

          const userChoice = confirm('此版本是电脑版，您当前非电脑系统，是否允许从浏览器打开此网址进行下载？');
          if (userChoice) {
            donw_exe();

          }
        }
      });
    }



  </script>
  <script>
    // 使用 Intersection Observer API,当进入时，展示动画
    const animateOnScrollElements = document.querySelectorAll('.animate-on-scroll');
    const observer = new IntersectionObserver(entries => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          entry.target.classList.add('animate__animated', 'animate__backInDown');
          observer.unobserve(entry.target);
        }
      });
    }, {
      threshold: 0.3
    });
    animateOnScrollElements.forEach(element => {
      observer.observe(element);
    });

  </script>
</body>

</html>